<template>
  <div
    :infinite-scroll-immediate="false"
    :infinite-scroll-disabled="false"
    :style="{overflowY:'auto',height:'auto'}"
    class="views"
  >
    <slot></slot>
  </div>
</template>



<script>
export default {
  name: "views",
  props: {
    bk: {
      type: String,
      default: "#FCFCFC"
    }
  },
  data() {
    return {
      height: 0
    };
  },
  created() {},
  mounted() {
    // this.height =
    //   (document.documentElement.clientHeight || document.body.clientHeight) -
    //   130;
    // window.onresize = function() {
    //   this.height =
    //     (document.documentElement.clientHeight || document.body.clientHeight) -
    //     130;
    // };
  },
  methods:{
  }
};
</script>


<style lang="less"  :scope="true">
.views {
  margin: 20px;
  scrollbar-width: none; /* firefox */
  // -ms-overflow-style: none; /* IE 10+ */
  overflow-x: hidden;
  margin-bottom: 30px;
  border: 1px solid transparent;
}
.views::-webkit-scrollbar {
  display: none;
}
</style>